<!DOCTYPE html>
<html>
    <head>
        <title>Bootstrap 101 Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Bootstrap -->
        <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="static/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
       <script src="http://code.jquery.com/jquery.js"></script>
        <script src="static/bootstrap/js/bootstrap.min.js"></script>
        <style>
            body {
                padding-top: 20px;
                padding-bottom: 20px;
            }

            .navbar {
                margin-bottom: 20px;
            }
        </style>
    </head>
    <body>

        <div class="container">
            <div class="navbar">
  <div class="navbar-inner">
    <a class="brand" href="#">虎扑跑步</a>
    <ul class="nav">
      <li class="active"><a href="#">跑步用户</a></li>
       <li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
      跑步记录
      <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
      <li><a href="#">个人跑步记录</a></li>
  <li><a href="#">记录排行</a></li>
    </ul>
  </li>
    </ul>
  </div>
</div>
<form class="form-search">
  <input type="text" class="input-medium search-query" placeholder="用户id或者用户昵称">
  <select id="sexy" class="span1">
      <option>性别</option>
  <option>男</option>
  <option>女</option>
</select>
  <select id="device" class="span1">
      <option>设备</option>
  <option>Android</option>
  <option>ios</option>
</select>
  <button type="submit" class="btn btn-primary">开始查找</button>
</form>
        </div>
    </body>
</html>
